<div class="header">
  <div class="menu middle">
    <div class="service">
        <span class="logo-img"></span>
        <span class='tab-btns'>
            <span class="tab-btn tab-btn1 active" data-href="m_index_1.html">首页</span>
            <span class="tab-btn tab-btn2"  data-href="m_detail.html">二手买卖</span>
            <span class="tab-btn tab-btn3"  data-href="">场外收币</span>
            <span class="tab-btn4"  data-href="">购买会员</span>
        </span>
    </div>
    <!-- <div class="btn">
      <a class="login-button-go"></a>
    </div> -->
  </div>
</div>

<section class="fixed-page register-page">
    <div class="register-content">
        <p class="register-title">
            注册
            <span class="close-icon"></span>
        </p>
        <p class="phone-title register-name">
            昵称（必填）
        </p>
        <div class="name-input register-input">
            <input type="text" index="1" name="tel" value=""/>
            <div class="name-style">
                请填昵称
            </div>
        </div>
        <div class="gender">
            <input id="man" type="radio" checked=true name="1" data-gender='1' />男
            <input id="woman" type="radio" name="1" data-gender='0'/>女
        </div>
        <p class="phone-title register-name">
            手机号（必填）
        </p>
        <div class="phone-input register-input">
            <input type="text" index="1" name="tel" value=""/>
            <div class="phone-style">
                手机号格式有误
            </div>
        </div>
        <p class="code-title register-name">
            验证码
        </p>
        <div class="phone-code">
            <input class="code-input" type="text" index="1" name="code" value=""/>
            <div class="code-but send-phone register-send-phone active">发送验证码</div>
            <div class="code-but send-code register-send-code">已发送</div>
        </div>
        <div class="code-style">
            验证码有误
        </div>
        <p class="password-title register-name">
            密码（必填）
        </p>
        <div class="phone-password register-input">
            <input type="password" index="1" name="pw1" value=""/>
            <div class="mis-password password-style">
                请填写密码
            </div>
        </div>
        <p class="repassword-title register-name">
            确认密码（必填）
        </p>
        <div class="phone-rePassword register-input">
            <input type="password" index="1" name="pw2" value=""/>
            <div class="mis-password">
                两次密码不一致
            </div>
        </div>
        <p class="receive-title register-name">
            邀请码
        </p>
        <div class="receive-code register-input">
            <input type="password" index="1" name="code" value=""/>
        </div>
        <div class="register-but">
            <div>注册</div>
        </div>
        <p class="register-end">
            <span class="login-button">登录</span>
            <span>忘记密码</span>
        </p>
    </div>
</section>

<section class="fixed-page login-page">
    <div class="login-content">
        <div class="login-page-box">
            <div class="form-login">
                <p class="login-title">登录<span class="close-icon"></span></p>
                <div class="login-tel">
                    <input type="text" index="1" name="tel1" value="" placeholder="手机号"/>
                </div>
                <div class="login-password">
                    <input type="password" index="1" name="pw3" value="" placeholder="密码"/>
                </div>
                <p class="login-style">
                    电话号码或密码有误
                </p>
                <div class="login-button login-button-home">
                    <div>登录</div>
                </div>
                <p class="login-problem">
                    <span class="register register-button">注册</span>
                    <span class="forget-password">忘记密码</span>
                </p>
            </div>
        </div>
    </div>
</section>

<section class="fixed-page register-success">
    <div class="success-content">
        <p class="success-remind">
            注册成功！
        </p>
        <div class="login-button">
            <input type="button" value="去登录" />
        </div>
    </div>
</section>


<section class="fixed-page pay-page" id="pay-page" v-if="isShowPayPage">
    <div class="pay-content">
        <div class="pay-code">

        </div>
        <span class="close-icon" @click="closePage"></span>
        <h4>充值会员尊享VIP超值服务，更专业、更快捷、更准确获取资讯</h4>
        <div class="pay-user">
            <div class="pay-type type1">
                查看收益榜全部内容
            </div>
            <div class="pay-type type2">
                解锁二手买卖功能
            </div>
            <div class="pay-type type3



            ">
                解锁收币区功能
            </div>
        </div>
        <h6>
            套餐类型
        </h6>
        <div class="menu-type">
            <div class="menu1 pay-munu active" @click="payMenu(1,2)">
                <p class="pay-p1">
                    <span>{{payList[2].price}}元</span>
                    {{payList[2].month}}个月
                </p>
                <p class="pay-p2">
                    <span>{{(payList[2].price / 12).toFixed(1)}}</span>
                    元/月
                </p>
                <span class="choose-sure"></span>
            </div>
            <div class="menu2 pay-munu" @click="payMenu(2,1)">
                <p class="pay-p1">
                    <span>{{payList[1].price}}元</span>
                    {{payList[1].month}}个月
                </p>
                <p class="pay-p2">
                    <span>{{(payList[1].price / 6).toFixed(1)}}</span>
                    元/月
                </p>
                <span class="choose-sure"></span>
            </div>
            <div class="menu3 pay-munu" @click="payMenu(3,0)">
                <p class="pay-p1">
                    <span>{{payList[0].price}}元</span>
                    {{payList[0].month}}个月
                </p>
                <p class="pay-p2">
                    <span>{{payList[0].price}}</span>
                    元/月
                </p>
                <span class="choose-sure"></span>
            </div>
        </div>
        <h5>支付方式</h5>
        <div class="pay-type">
            <div class="pay-ali active pay-internet" @click="payWay(0)">
                <span></span>
                <div class="img">
                    <div>

                    </div>
                </div>
            </div>
            <div class="pay-wx pay-internet" @click="payWay(1)">
                <span></span>
                <div class="wx-img">

                </div>
            </div>
        </div>
        <p class="pay-price">
            支付金额
            <span>¥{{payOne.price}}</span>
        </p>
        <div class="right-pay" @click="rightPay">
            立即支付
        </div>

        <div class="remind-info">
            <span class="close-icon close-remind" @click="closeRemind"></span>
            {{remindInfo}}
        </div>
    </div>
</section>

<section class="fixed-page forget-page">
    <div class="forget-content">
        <p class="register-title">
            忘记密码
            <span class="close-icon"></span>
        </p>
        <p class="phone-title register-name">
            手机号（必填）
        </p>
        <div class="phone-input1 register-input">
            <input type="text" index="1" name="tel" value=""/>
            <div class="phone-style">
                手机号格式有误
            </div>
        </div>
        <p class="code-title register-name">
            验证码
        </p>
        <div class="phone-code">
            <input class="code-input1" type="text" index="1" name="code" value=""/>
            <div class="code-but send-phone1 forget-send-phone1 active">发送验证码</div>
            <div class="code-but forget-send-code send-code">已发送</div>
        </div>
        <div class="code-style">
            验证码有误
        </div>
        <p class="password-title register-name">
            密码（必填）
        </p>
        <div class="phone-password register-input">
            <input type="password" index="1" name="pw5" value=""/>
            <div class="mis-password password-style mis-password1">
                请填写密码
            </div>
        </div>
        <p class="repassword-title register-name">
            确认密码（必填）
        </p>
        <div class="phone-rePassword1 register-input">
            <input type="password" index="1" name="pw6" value=""/>
            <div class="mis-password mis-password2">
                两次密码不一致
            </div>
        </div>
        <div class="forget-but">
            <div>确定</div>
        </div>
    </div>
</section>
